<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>叫什么标题呢</title>
    <script type="text/javascript" src="<{$public}>/js/jquery-1.8.3.min.js"></script>
	<script>
		$(function(){
		
			//声明一些变量
			nameerrs=false; 
			passerrs=false; 
			mailerrs=false; 
			//对账号进行AJAX验证
				$("input[name='username']").focus(function(){
					$(this).nextAll().remove();
					$(this).after('<span style="color:green;">6-12位数字字母下划线组成</span>');
				}).blur(function(){
					var myname=$(this);
					$.ajax({
						type:'POST',
						url:'<{$url}>/unique/',
						data:'username='+myname.val(),
						success:function(res){
							if(res=="yes"){
								myname.nextAll().remove();
								myname.after('<span style="color:green;">可以进行下一步</span>');
								nameerrs=true;
							}else if(res=="no"){
								myname.nextAll().remove();
								myname.after('<span style="color:red;">名字格式不正确</span>');
								nameerrs=false;
							}else{
								myname.nextAll().remove();
								myname.after('<span style="color:red;">用户名已存在</span>');
								nameerrs=false;
							}
						}
					});
				});
				
				//对密码进行验证

					//验证密码长度
					$("input[name='pass']").focus(function(){$("input[name='pass']").nextAll().remove();}).blur(function(){
						if($(this).val().length<6){
							$("input[name='pass']").nextAll().remove();
							$("input[name='pass']").after('<span style="color:red;">密码应大于6位</span>');
							passerrs=false;
						}
					});
					$("input[name='pass1']").blur(function(){
						var pass=$("input[name='pass']").val();
						var pass1=$("input[name='pass1']").val();
						if(pass!=null && pass1!=null && pass===pass1){
							$("input[name='pass1']").nextAll().remove();
							$("input[name='pass1']").after('<span style="color:green;">可以进行下一步</span>');	
							passerrs=true;						
						}else{
							$("input[name='pass1']").nextAll().remove();
							$("input[name='pass1']").after('<span style="color:red;">两次输入不一致</span>');
							passerrs=false;
						}
					});
				
				//对邮箱进行AJAX验证
				$("input[name='email']").blur(function(){
					var mymail=$(this);
					$.ajax({
						type:'POST',
						url:'<{$url}>/yanmail/',
						data:'mail='+mymail.val(),
						success:function(res){
							if(res=="yes"){
								mymail.nextAll().remove();
								mymail.after('<span style="color:green;">可以进行下一步</span>');
								mailerrs=true;
							}else if(res=="no"){
								mymail.nextAll().remove();
								mymail.after('<span style="color:red;">邮箱格式不正确</span>');
								mailerrs=false;
							}
						}
					});
				});				
				//验证码框点击事件
					$("input[name='usercode']").click(function(){
						$("#yzm").empty();
					});

				//选择身份框点击事件
				
					$("input[name='chrole']").click(function(){
						$("#mynu").empty();
					});
		});
		
		function mycontrol(){

				var dname=$("input[name='username']");
				var dpass=$("input[name='pass']");
				var demail=$("input[name='email']");
				var dchrole=$("input[name='chrole']");
				//alert(typeof($(":checked").val()));
			//alert(typeof(dname.val()));
				if(dname.val()==""){
					dname.nextAll().remove();
					dname.after('<span style="color:red;">名字不能为空</span>');
					return false;
				}
				if(dpass.val()==""){
					$("input[name='pass']").nextAll().remove();
					$("input[name='pass']").after('<span style="color:red;">密码不能为空</span>');
					return false;
				}
				if(demail.val()==""){
					$("input[name='email']").nextAll().remove();
					$("input[name='email']").append('<span style="color:red;">邮箱不能为空</span>');
					return false;
				}
				if($(":checked").val()==null){
					//alert(dchrole.eq(2).val());
					$("mynu").empty();
					$("#mynu").append('<span style="color:red;">请选择身份</span>');
					return false;
				}
					if(nameerrs==true && passerrs==true && mailerrs==true){
						return true;
					}else{
						return false;
					}
			}
				
	</script>
</head>
<body>
    <form action="<{$url}>/vcode" method="post" onsubmit="return mycontrol()">
    <p>账号：<input type="text" name="username" value="<{$list.username}>"><span style="color:red;"><{$nameinfo}></span></p>
    <p>密码：<input type="password" name="pass"><span style="color:red;"><{$passinfo}></span></p>
    <p>重复密码：<input type="password" name="pass1"></p>
    <p>邮箱：<input type="text" name="email" value="<{$list.email}>"><span style="color:red;"><{$emailinfo}></span></p>
	<p>注册身份：<input type="radio" name="chrole" value="1">发布者
             <input type="radio" name="chrole" value="2">工作室
             <input type="radio" name="chrole" value="3">学生</p>
	<p id="mynu"></p>
     <p>验证码<input size="10px" type="text" name="usercode"><img src="<{$url}>/getcode" onclick="this.src='<{$url}>/getcode/b/'+Math.random()"></p>
		<p ><span id="yzm" style="color:red;"><{$errinfo}></span></p>
   <p><input type="submit" value="注册" >  <input type="reset" value="重填"></p>
	
</form>
</body>
</html>
